@charset "utf-8";

/*
	COLORES QUE COMBINA SEGUN EL COLOR ROJO DEL LOGO DE LA UNA
	ROJO-UNA: #d12524

	AZUL1: #105684
	AZUL2: #0B649E
	AMARILLO: #D9D73B
	ROJO: #840A0A
*/

@font-face {
	font-family: 'BalsamiqSansRegular';
	src: url(FONTS/BalsamiqSansRegular.ttf) format('truetype');
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

/*=====================ENCABEZADO=================*/
#divEncabezado {
	background-color: #105684;
	margin: 5px;
	padding:10px;
}

.naver-handle{
	color: #ffffff!important;
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

span::before{
	margin: 0px;
	margin-left: 10px!important;
	margin-top: 7px;
}

#divEncabezado a, .naver-handle {
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background:-moz-linear-gradient( center top, #d12424 5%, #840a0a 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d12424), color-stop(1, #840a0a) );
	display: inline-block;
	color: #ffffff;
	font-family: 'BalsamiqSansRegular';
	font-size: 18px;
	font-style: italic;
	height: 30px;
	width: 100%;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#divEncabezado a:hover, .naver-handle:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #840a0a), color-stop(1, #d12424) );
	background: -moz-linear-gradient( center top, #840a0a 5%, #d12424 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#840a0a', endColorstr='#d12424');
	background-color: #840a0a;
}

#divEncabezado a:active, .naver-handle:active {
	position: relative;
	top: 1px;
}

/*=====================CUERPO=================*/
#divCuerpo {
	flex: 7!important;
}

/*=====================FOOTER=================*/
#divFooter {
	background-color: #105684;
	color: #ffffff;
	text-align: center;
	font-family: 'BalsamiqSansRegular';
}

/*===========ESCITORIO=============*/
@media only screen and (min-width : 1024px) {
	#divEncabezado{
		text-align: right;
	}

	#divEncabezado ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	#divEncabezado ul li{
		list-style: none;
		display: inline;
		margin: 0px;
		padding: 0px;
	}

	#divEncabezado a, .naver-handle {
		box-shadow: inset 0px 0px 0px 0px #ffffff;
		width: 180px!important;
	}

	#divEncabezado ul:last-child {
		-webkit-border-top-right-radius: 80px;
		-moz-border-radius-topright: 80px;
		border-top-right-radius: 80px;
		-webkit-border-bottom-right-radius: 80px;
		-moz-border-radius-bottomright: 80px;
		border-bottom-right-radius: 80px;
	}

	/*===========SubMenu==========*/
	.SubMenu ul{
		display: none;
		z-index: 99;
		position: absolute;
		width: 180px;
		height: auto;
	}

	.SubMenu ul li{
		width: 100%;
	}	
}

/*===========MOBIL=============*/
@media only screen and (max-width : 1024px) {
	#divEncabezado{
		height: auto!important;
	}

	#divEncabezado ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.SubMenu ul{
		display: none;
		height: auto;
	}

	.SubMenu ul li{
		width: 100%;
	}
}

